Web Demystified
Episode 0 "The Web"
https://www.youtube.com/watch?v=O_GWbkXIqEY&list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g&index=1
概論
クライアントから来たリクエストに対し、サーバーがドキュメントを送ってくる
画像、HTML、CSS、スクリプトなども
リソース全部をブラウザが受け、それらをいっしょになって初めてウェブページが表示される
(2:14)The web is a collection of documents that will be requested by a browser from a server.
ウェブは、ブラウザがサーバーに要求するドキュメントの集まりである
(2:20)Each document is accessible through a web address.
(2:23)The browser will mix all the necessary documents to turn any HTML document into a nice web page.
Episode 1 HTML
https://www.youtube.com/watch?v=PORRrz3Y8Vc&list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g&index=2
HTMLはマークアップ言語（Hyper Text Markup Language）
HTMLはタグで形成したelementでできている
<!DOCTYPE html>は重要
これを入れないと古いHTMLだと認識されちゃう
タグは無数にある
全部覚える必要はない
i don't
HTMLはW3C（World Wide Web Consortium）が保守している
(4:43~)To be fair, one of the cool things about HTML, it's how resilient it is.
ミスしても大丈夫
ブラウザは最善を尽くして何かを表示する
なのでいろいろいじってみて楽しめばいい
Hyper Text
他の文書にリンクを貼る機能
現代では普通のことだが1990年代には革新的だった
<a></a>で指定する
Episode 2 CSS
https://youtu.be/Y02yI1OfZjI?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g
HTMLのタグの中に打ちこむ
メンテナンスたいへん
やらないほうがいい
HTMLの中に<style>で記入する
HTML一個ならいいけど複数には適用できない
HTMLとCSSをリンクさせる
この方法がよい
罠
学習すべきことが多い
Episode 3 JavaScript
https://youtu.be/09XmbByy6Sk?list=PLo3w8EB99pqLEopnunz-dOOBJ8t-Wgt2g
ブラウザの中のJavaScript
サーバー上のJavaScript
2022-01-23 10:43